﻿@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1451456133_3111024.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1451456133_3111024.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1451456133_3111024.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1451456133_3111024.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1451456133_3111024.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                                                                                
                                                                                                                             
.embed-responsive
{
	overflow-y:auto !important;
	-webkit-overflow-scrolling:touch;
}                    
.iconfont
{
	font-family: 'iconfont';
}
i{
	font-style: normal;
}
*{
	padding: 0px;
	margin: 0px;
	font-family: "microsoft yahei";
}
html
{
	height: 100%;
}
body
{
	height: 100%;
	max-width: 640px;
	margin: 0 auto !important;
	display: block;
	background: transparent !important;
	position: relative;
}
ul
{
	list-style: none;
	margin: 0px !important;
}
.sq-warm
{
	color: #777;text-align: center;line-height: 40px;
}
.sq-blue{
	color: #009ddf;
}
.sq-top
{
	height: 50px;
	padding: 0px 50px;
	background: #ff8f12;
	color: white;
	position: relative;
	z-index: 2;
	
}
.sq-top a.sq-btn-top
{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: white;
	position: absolute;
	top: 0px;
	font-size: 22px;
}
.sq-top a.sq-btn-top.back-btn
{
	padding-left: 5px;
	width: 80px;
}
.sq-top a.sq-btn-top > span
{
	font-size: 13px;
}
.sq-top a.sq-btn-top.sq-ani-rotate i.sq-btn
{
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -webkit-transform .4s;
	-ms-transition:-webkit-transform .4s;
	-o-transition:-webkit-transform .4s;
	transition:-webkit-transform .4s;
}
.sq-top a.sq-btn-top.sq-ani-rotate.sq-active i.sq-btn
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);;
}
.sq-top a.sq-btn-top i.iconfont.sq-btn
{
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	margin-top: -11px;
	height: 22px;
	width: 22px;
	display: block;
	line-height: 22px;
	
}
.sq-top a.sq-btn-top:first-child
{
	
	left: 0px;
}
.sq-top a.sq-btn-top:last-child
{
	right: 0px;
}
.sq-top .middle
{
	line-height: 50px;
	text-align: center;
	color: white;
	font-size:20px;
}
.sq-indexMenu
{
	position: relative;
	overflow: hidden;
}
.sq-indexMenu > a
{
	display: block;
	width: 20%;
	float: left;
	padding: 0px 5px;
}
.contentMain img
{
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.upload-list
	{
		padding: 10px 0px;
		display: inline-block;
		overflow: hidden;
	}
		.upload-list > div i
		{
			font-size: 28px;
		}
	.upload-list > div
	{
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
		width: 55px;
		height: 55px;
		text-align: center;
		line-height: 55px;
		color: white;
		background: #ddd;
		position: relative;

	}
	.upload-list > div > i.delimgs
	{
		position: absolute;
		top: -10px;
		right: -10px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 20px;
		color: black;
		display: block;
		z-index: 2;
		border-radius: 50%;
		background: white;
	}
	.upload-list > div > img
	{
		width:55px;
		height: 55px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
	}
.sq-indexMenu > a > img
{
	max-width: 100%;
}
.loading
	{
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 9999;
		background: white;
		text-align: center;
		vertical-align: middle;
	}
	.loading.loaded
	{
		display: none;
	}
.loading img
{
	width: 60%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
}
.content.sq-hide
{
	display: none;
}
.content
{
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.content.active
{
	opacity: 1;
}
.sq-box
{
	background: white;
	padding: 15px 10px;
	margin-bottom: 10px;
}
.sq-head .media-left img
{
	width: 80px;
	height: 80px;
	border-radius: 4px;
}
.sq-head .media-body
{
	vertical-align: middle;
}
.sq-head .media-heading
{
	font-size: 18px;
	margin-bottom: 10px;

}
.sq-head .media-body p
{
	font-size: 14px;
}
.sq-news-list
{
	padding:0px 0px 0px 10px;
	
}
.label-blue
{
	background: #009ddf;
}
.sq-news-list li
{

	padding: 10px 0px;
	
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	
}
.sq-news-list li.Rec a
{
	position: relative;
	
}
.sq-news-list li.Rec a .sq-recomment
{
	color: #555;
	font-size: 15px;
	margin:0px;
}
.sq-recomment
{
	font-size: 15px;
}
.sq-news-list li.Rec a .sq-title
{
	display: inline-block;
	vertical-align: middle;
}
.sq-news-list li.Rec .media
{
	margin:5px 0px 0px 0px;
}
.sq-news-list li .media-body
{
	font-size: 14px;
	vertical-align: middle;
}
.sq-news-list li .media-left
{
	vertical-align: middle;	
}
.sq-news-list li img
{
	width: 50px;
	height: 50px;
	border-radius: 4px;
	
	
}
.sq-news-list li a
{
	display: block;
	color: #777;
}
.sq-news-list li:last-child
{
	border:0px;
}
.sq-news-list .label
{
	font-weight: normal;
	padding:.1em .3em .2em;
	margin-right: 5px;
}
.sq-chartlist li
{
	padding: 15px 10px;
	padding-left: 80px;
	position: relative;
	min-height: 85px;
	border-bottom: 1px solid #f1f1f1;
	background: white;
}
.sq-chartlist li:last-child
{
	border: 0px;
}
.sq-chartlist li.istop:after
{
	content: '置顶';
	width: 35px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: white;
	background: #009ddf;
	position: absolute;
	top: 0px;
	right: 10px;
}
.sq-chartlist li .head
{
	position: absolute;
	width: 55px;
	height: 55px;
	top: 15px;
	left: 10px;
	border-radius: 4px;
}
.sq-chartlist li .uname
{
	color: #009ddf;
}
.sq-listImg
{
	overflow: hidden;
	width: 100%;
	margin: 8px 0px;
}
.sq-listImg > a
{
	display: inline-block;
	width: 74px;
	height: 74px;
	float: left;
	position: relative;
	margin-right: 3.5px;
	margin-bottom: 3.5px;
}
.sq-listImg > a:nth-child(3n)
{
	
	margin:0px;
}
.sq-listImg > a:nth-child(4),.sq-listImg > a:nth-child(7)
{
	clear: both;
}
.sq-listImg > a:last-child
{
	margin: 0px;
}
.sq-listImg > a img
{
	max-width: 100%;
}
.sq-tool
{
	position: relative;
	color: #777;
	font-size: 15px;
}
.sq-tool > a
{
	margin: 0px 2px;
	color: #009ddf;
	font-size: 15px;
}
.sq-chat
{
	display: inline-block;
	position: absolute;
	top: -11px;
	right: 0px;
	/*width: 30px;*/
	height: 42px;
	width: 0px;
	padding-right: 35px;
	transition:width .2s;
}
.sq-chat.sq-active
{
	width: 220px;
	z-index: 1;
}
.sq-chat > div
{
	width: 100%;
	height: 42px;
	overflow: hidden;
	position: relative;
	overflow: hidden;n
}
.sq-chat > i.iconfont
{
	color: #009ddf;
	height: 18px;
	top: 50%;
	margin-top: -9px;
	line-height: 18px;
	
	font-size: 18px;
	position: absolute;
	right: 0px;
}
.sq-chat .chatbox
{
	position: absolute;
	top: 50%;
	margin-top: -21px;
	right: 0px;
	height: 42px;
	width: 160px;
	background: #4b5154;
	color: white;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 4px;
	-webkit-transform: translate3d(150%,0px,0px);
		
}
.sq-chat .chatbox i
{
	font-size: 15px;
	display: inline-block;
	margin-right: 4px;
	
}
.sq-chat .chatbox > a
{
	display: inline-block;
	font-size: 15px;
	padding: 0px 10px;
	margin: 10px 0px;
	width: 80px;
	line-height: 22px;
	color: white;
	text-align: center;
	border-right: 1px solid #666;
	
}
.sq-chat .chatbox > a:last-child
{
	border: 0px;
}
.sq-chat.sq-active .chatbox
{
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -webkit-transform .15s;
	-ms-transition: -webkit-transform .15s;
	-o-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	-webkit-transform: translate3d(0px,0px,0px);
}
.sq-chat.sq-hide .chatbox{
	-webkit-transition: -webkit-transform .25s;
	-moz-transition: -webkit-transform .25s;
	-ms-transition: -webkit-transform .25s;
	-o-transition: -webkit-transform .25s;
	transition: -webkit-transform .25s;
	-webkit-transform: translate3d(150%,0px,0px);
}
.sq-morebox
{
	
	position: absolute;
	background: #ff8f12;
	padding: 0px 10px;
	padding-top: 5px;
	font-size: 15px;
	/*display: none;*/
	top: 45px;
	z-index: 0;
	right: 10px;
	min-width: 120px;
	overflow: hidden;
	color: white;
	text-align: center;
	-webkit-transform: translate3d(0px,-100%,0px);
	z-index: 1;
}
.sq-morebox.sq-hide
{
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -webkit-transform .15s;
	-ms-transition: -webkit-transform .15s;
	-o-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	-webkit-transform: translate3d(0px,-100%,0px);
	/*-webkit-animation: bounceUpFade .15s ease-out;
	-webkit-animation-fill-mode:forwards;*/
}
.sq-morebox.sq-active
{
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -webkit-transform .15s;
	-ms-transition: -webkit-transform .15s;
	-o-transition: -webkit-transform .15s;
	transition: -webkit-transform .15s;
	-webkit-transform: translate3d(0px,0px,0px);
	/*-webkit-animation: bounceDownFade .15s ease-out;
	-webkit-animation-fill-mode:forwards;*/
}
.sq-morebox li
{
	line-height: 30px;
	height: 40px;
	padding: 5px 0px;
}
.sq-morebox li i.iconfont	
{
	display: inline-block;
	margin-right: 5px;
	font-size: 18px;
}
.sqSideNav
{
	
	width: 200px;
	
	height: 100%;
	background: #333;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 999;
	overflow-y: auto;
	-webkit-overflow-scrolling : touch;  
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -webkit-transform .3s;
	-ms-transition: -webkit-transform .3s;
	-o-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
.sqSideNav > div
{
	
	font-size: 16px;
	
	min-height: 34px;
	line-height: 34px;
	color: #999999;
}
.sqSideNav > div > a
{
	padding: 8px 0px;
	padding-left: 10px !important;
	display: block;
}
.sqSideNav > div > a:active
{
	color: black;
	background: #999;
}
.sqSideNav > div:nth-child(2) a
{
	padding: 16px 0px 8px 10px !important;
}
.sqSideNav > div > a i
{
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 32px;
	margin-right: 8px;
	position: relative;
	top: -4px;
	display: inline-block;
	vertical-align: middle;
}
.sqSideNav .myhead
{
		padding: 8px 0px;
	padding-left: 10px !important;
	height: 50px;
	color: white;
	background: #595959;
}
.sqSideNav .myhead img
{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: inline-block;
	margin-right:8px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.sqSideNav a
{
	color: #999;
}
.sqSideNav.sq-active
{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sqSideNav.sq-hide
{
	-webkit-transform: translate3d(-100%,0,0);
	-moz-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
.sq-mask
{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.3);
	z-index: 998;
}
.sq-mask.sq-hide
{
	display: none;
}
.sq-mychat
{
	border-radius: 2px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.sq-mychat-in
{
	min-height: 100px;
	background:#f6f6f8;
	border-radius: 2px;
	margin:0 auto;
	border-top: 1px solid #ddd;
}
.sq-mychat.tie
{
	max-width: 100% !important;
}
.sq-mychat.small
{
	max-width: 288px;
}
.sq-mychat.big
{
	max-width: 337.5px;
}
.sq-mychat.small.tie .tab-content > div
{
	max-width: 288px;
	
}
.sq-mychat.big.tie .tab-content > div
{
	max-width: 337.5px;
	margin: 0 auto;
}
.sq-mychat-in form
{
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding: 10px;
	padding-bottom: 0px;
	background: white;
	
}
.sq-mychat-in textarea
{
	border: 0px;
	resize: none;
	width: 100%;
	height:60px !important;
	-webkit-box-shadow: none;
	padding: 0px;
}
.sq-mychat-in textarea:focus
{
	-webkit-box-shadow: none;
}
.sq-dropmore
{
	line-height: 40px;
	text-align: center;
	color: #888;
}
.sq-commentlist
{
	margin-top: 10px;
	background: #f0f1f2;
	padding: 5px 0px;
	position: relative;
}
.sq-commentlist > div
{
	padding: 1px 8px;
	overflow: hidden;
	word-wrap:break-word;
	border-radius: 2px;
}
.sq-commentlist > div.touch
{
	background: #ccd2e0;
}
.sq-commentlist > div span img
{
	position: relative;
	top: -1px;
}
.no-border
{
	border: 0px !important;
}
.sq-commentlist:after
{
	content: '';
	position: absolute;
	top: -8px;
	left: 5px;
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #f0f1f2;
}
.sq-commentlist .getcomment
{
	padding: 0px 8px;
}
.sq-praise
{
	padding-bottom: 5px !important;
	border-bottom: 1px solid #dddfdf;
	margin-bottom: 5px;
}
.heartActive i
{
	-webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.sq-tabs
{
	width: 100%;
	min-height: 44px;
	padding-right: 130px;
	position: relative;
	
}
.chatviews-btn
{
	width: 180px;
	height: 34px;
	line-height: 34px;
	position: absolute;
	top: -4px;
	right: 0px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.chatviews-btn > a
{
	display: block;
	-webkit-box-flex: 1;
	width: 0px;
	text-align: center;
	margin-right: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.chatviews-btn > a:last-child
{
	border: 0px;
	margin: 0px;
	color: white;
	background: #ff8f12;
}
.sq-tabs li
{
	width: 24px;
	height: 44px;
	float: left;
	margin-right: 20px;
	position: relative;
}
.sq-tabs li.active:after
{
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left:-6px;
	width: 10px;
	height: 10px;
	border: 1px solid #ddd;
	border-right-width: 0px;
	border-bottom-width: 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #f6f6f8;
	z-index: 1;
}
.sq-tabs li a
{
	line-height: 24px;
}
.sq-tabs li i
{
	color: #777;
	font-size: 24px;
}
.sq-mychat-in .tab-content
{
		position: relative;
	  z-index: 0;
	  background:#f6f6f8;
	  border-top: 1px solid #ddd;
}

.sq-mychat-in .tab-content > div
{
	
	
	margin: 0 auto;
	padding: 10px;
	
	min-height: 70px;
}
.sq-mychat-in .tab-content > div .swiper-container
{
	padding-bottom: 30px;
}
.swiper-container-horizontal > .swiper-pagination
{
	bottom: 0px;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active
{
	background:#8c8c8c !important;
}
.sq-mychat-in .tab-content > div ul > li
{
	position: relative;
}
.sq-mychat-in .tab-content > div ul > li img
{
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 0px;
	right: 0px;
}
.sq-mychat.small .tab-content > div  ul
{
	padding: 0px 3px;
	overflow: hidden;
}
.sq-mychat.big .tab-content > div  ul
{
	padding: 0px 0px;
	overflow: hidden;
}
.sq-mychat.small .tab-content > div  ul > li
{
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.sq-mychat.big .tab-content > div  ul > li
{
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.sq-mychat.small .tab-content > div  ul > li:nth-child(8n)
{
	margin-right: 0px;
}
.sq-mychat.big .tab-content > div  ul > li:nth-child(8n)
{
	margin-right: 0px;
}
.sq-btn-comment
{
	display: block;
	margin: 0 auto;
	width: 90%;
	line-height: 50px;
	text-align: center;
	color: white;
	background: #ff8f12;
	margin-top: 20px;
	font-size: 16px;
	border-radius: 4px;
	
}
.sq-postCom
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #efeff4;
	z-index: 997;
	padding-bottom: 30px;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}
.sq-postCom.sq-hide
{
	-webkit-transform: translate3d(100%,0,0);
	-moz-transform: translate3d(100%,0,0);
	-ms-transform: translate3d(100%,0,0);
	-o-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}
.sq-postCom.active
{

	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sq-postCom .sq-mychat
{
	top: 20px;
	left: 0px;
	right: 0px;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	position: relative;
	
}
.spinner {
  margin: 0 auto;
  width: 30px;
  height: 30px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 8px;
  height: 8px;
  background-color: #ff8f12;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.rotate
{
	margin:0 auto;
	position: relative;
	display: block;
	width: 40px;
	height: 30px;
	color: #ff8f12;
	-webkit-animation:rotate 1s linear; /* Safari and Chrome */
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;	
}
.rotate i
{
	
	font-size: 30px;
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 22px;
	top: 50%;
	margin: 0 auto;
	margin-top: -15px;
	left: 0px;
	right: 0px;
}
.layermbtn
{
	color:#009ddf;
	overflow: hidden;
	
}
.layermbtn span
{
	font-size: 16px !important;
}
.layermbox0 .layermchild
{
	font-size: 16px;
	max-width: auto !important;
	min-width: 70px !important;
}
.sq-select-nav
{
	height: 50px;
	line-height: 50px;
	background: white;
	display: -webkit-box;
	position: relative;
	-webkit-box-orient: horizontal;
	z-index: 2;
}
.sq-select-nav > div
{
	-webkit-box-flex: 1;
	text-align: center;
	width: 0px;
}
.sq-select-nav > div > a 
{
	color: #777;
}
.sq-select-nav > div > a.ani > i
{
	display: inline-block;
	width: 11px;
	height: 9px;
	line-height: 12px;
	-webkit-transition:transform .4s;
	font-size: 12px;
	
}
.sq-select-nav > div > ul
{
	position: absolute;
	width: 100%;
	background: white;
	top: 50px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	border-top: 1px solid #f1f1f1;
	display: none;
}
.sq-select-nav > div.sq-active > ul
{
	display: block;
}
.sq-select-nav > div.sq-active > a > i
{
	-webkit-transform:rotate(180deg);
}
.sq-select-nav > div > ul li
{
	text-align: left;
	text-indent: 10px;
	width: 100%;
	padding: 5px 10px;
	float: left;
	border-bottom: 1px solid #f1f1f1;
	font-size: 16px;
	color:#777;
}
.sq-select-nav > div > ul li img
{
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align:middle;
	position: relative;
	top: -1px;
	margin-right: 10px;
}
.sq-select-nav > div > ul li.active
{
	color: #ff8f12;
}
.sq-select-nav > div a
{
	height: 21px;
	line-height: 21px;
	width: 100%;
	display: inline-block;
	border-right: 1px solid #ddd;
	color:#777;

}
.sq-select-nav > div a span
{
	height: 21px;
	line-height: 21px;
	max-width: 80%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align:middle;
	position: relative;
	top: -2px;
}
.sq-select-nav > div.sq-active a
{
	color: #ff8f12;
}
.sq-select-nav.t1
{
	z-index: 1;
	margin-top: 20px;
	-webkit-box-orient: vertical;
	height: 200px;
}
.sq-select-nav.t1 > div
{
	position: relative;
	color: #ff8f12;
	border-bottom: 1px solid #f1f1f1;
	padding: 28px 0px;
	width: 100%;
}
.sq-select-nav.t1 > div:last-child
{
	border: 0px;
}
.sq-select-nav.t1 > div a
{
	height: auto;
	line-height: inherit;
	border: 0px;
	display: block;
	color: #ff8f12;
	padding-right: 155px;
}
.sq-select-nav.t1 > div a > div
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 155px;
	padding: 10px;
}
.sq-select-nav.t1 > div a > div p
{
	color: #777;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
}
.sq-select-nav.t1 > div p
{
	margin-top: 5px;
}
.userlist
{
	/*margin-top: 20px;*/
}
.userlist ul li
{
	margin: 0px;
	min-height: 22px;
	background: white;
	padding: 10px 15px;
	border-bottom:1px solid #ddd
}
.userlist ul li .media-body
{ 
	vertical-align: middle;
}
.userlist ul li .media-body span
{
	color: #999;
	font-size: 13px;
	float: right;
}
.userlist ul li img
{
	float: left;
	border-radius: 50%;
	width: 45px;
	height: 45px;
}
.userlist ul li:last-child
{
	border: 0px;
}
/*二维码*/
.qcode-container
{
	background: white;
	text-align: center;
	/*padding-top: 40px;*/
	color: #666;
}
.qcode-container img
{
	margin: 0 auto;
	display: block;
	max-width: 100%;
	
}
.qcode-container img.qcode-logo
{
	margin-bottom: 10px;
	width: 25%;
	border-radius: 50%;
}
.qcode-container img.qcode-img
{
	width: 100%;
	
}

/*商品分销*/
.productList
{
	margin-top: 20px;
	
}
.productList li
{
	background:white;
	padding: 15px 0px 10px 0px;
	font-size: 14px;
	margin-bottom: 10px;
}
.productList li .media
{
	padding: 0px 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f1f1f1;
}
.productList li .media-body .pname
{
	height: 40px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
}
.productList li .media-left img
{
	width: 90px;
}
.productList li .vlogo
{
	color: #ff8f12;
	font-size: 12px;
}
.productList li .vlogo img
{
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	border-radius: 50%;
	position: relative;
	top: -1px;
}
.productList li .plist-tool
{
	padding-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.productList li .plist-tool a
{
	-webkit-box-flex: 1;
	display: block;
	width: 0px;
	height: 54px;
	text-align: center;
	color: #777;
}
.productList li .plist-tool a i.iconfont	
{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	font-size: 30px;
}
.productList li .plist-tool a p
{
	margin-top: 5px;
}
/*我的收入*/
.myAccount
{
		background: white;
}
.myAccount .balance
{
	line-height: 35px;
	background: #ff8f12;
	text-align: center;
	color: white;
	padding: 20px 0px;
}
.myAccount .balance span
{
	margin-top: 10px;
	font-size: 30px;
	letter-spacing: 1px;
}
.myAccount .detail
{

	padding: 10px 0px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.myAccount .detail > div
{
	padding-left: 20px;
	font-size: 15px;
	line-height: 25px;
	height: 50px;
	-webkit-box-flex: 1;
	width: 0px;
	border-right: 1px solid #ddd;
	color: #777;
}
.myAccount .detail > div span
{
	font-size: 22px;
}
.myAccount .cash
{
	padding: 10px 15px;
	
}
.myAccount .cash a
{
	display: block;
	background: #ff8f12;
	line-height: 40px;
	text-align: center;
	color: white;
}
.cashdetial
{
	background: white;
	margin-top: 10px;
	padding: 10px;
}
.cashdetial .cash-tab
{
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	margin-top: 10px !important;
	border: 1px solid #009ddf;
	border-radius: 4px;
}
.cashdetial .cash-tab > li
{
	text-align: center;
	-webkit-box-flex: 1;
	width: 0px;
	border-right: 1px solid #009ddf;
}
.cashdetial .cash-tab > li:last-child
{
	border: 0px;
}
.cashdetial .cash-tab > li a
{
	display: block;
	width:100%;
	font-size: 14px;
	padding: 5px 0px;
	
}
.cashdetial .cash-tab > li a:focus,.cashdetial .cash-tab > li a:hover
{
	background-color: transparent;
}
.cashdetial .cash-tab > li.active
{
	background: #009ddf;
}

.cashdetial .cash-tab > li.active a
{
	color: white;
	
}
.cashdetial .table
{
	margin-bottom: 0px;
	margin-top: 10px;
	color: #777;
}
.cashdetial .table,.cashdetial .table th
{
	font-size: 14px;
	text-align: center;
	border: 0px;
	border-top: 1px solid #ddd;
}
.cashdetial .table th
{
	width: 33.3%;
	color: #009ddf;
}
.savecashviews
{
	padding-top: 20px;
}
.savecashviews .inputbox
{
	background:white;
	margin-top: 20px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding-left: 100px;
	position: relative;
}
.savecashviews .inputbox > span
{
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 50px;
	text-align: center;
	width: 100px;
}
.savecashviews .cashsave,.savecashsuccess .cashgolist
{
	margin: 20px 0px;
	display: block;
	line-height: 45px;
	height: 45px;
	width: 100%;
	text-align: center;
	color: white;
	border-radius: 5px;
	background: #ff9900;
	font-size: 18px;
}
.savecashviews p
{
	font-size: 15px;
	margin-bottom: 10px;
}
.savecashsuccess
{
	text-align: center;
}
/*邀请*/
.refereeInfo
{
	margin: 10px;
}
.refereeInfo > img
{
	width: 100%;
}
.refereeInfo .refeBtn
{
	margin-top: 10px;
	border-radius: 4px;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 45px;
	color: white;
	font-size: 16px;
	background: #ff8f12;
}
.refereelist
{
	width: 100%;
	background: white;
	border: 2px solid #ff9900;
	margin-top: 50px;
	position: relative;
	padding-top: 30px;
}
.refereelist .refereetitle
{
	position: absolute;
	width: 160px;
	height: 40px;
	line-height: 40px;
	color: white;
	text-align: center;
	background: #009ddf;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	top: -20px;
}

.refereelist .table th
{
	color: #009ddf;
	border: 0px;
}
.refereelist .table thead tr
{
	padding: 0px 10px;
}
.refereelist .table td
{
	line-height: 50px;
	border: 0px;
	border-bottom: 1px solid #ddd;
	color: #777;
	font-size: 15px;
}
.refereelist .table tbody tr:last-child td
{
	border: 0px;
}
.refereelist .table .refereeimg
{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	margin-top: 5px;
}
.refemask
{
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom:0px;
	background: black;
	z-index: 9999;
	
}
.refemask img
{
	position: relative;
	z-index: 9999;
	width: 100%;
	display: block;
	margin: 0 auto;
}
/*settlement*/
.settlement-login > h2
{
	text-align: center;
	padding: 40px;
	font-size: 21px;
	color: #ff8f12;
}
.s_login
{
	margin: 20px;

	border:1px solid #ddd;
	border-radius: 4px;
	background: white;
}
.s_login .s_inputbox
{
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
}
.s_login .s_inputbox input
{
	height: 30px;
	line-height: 30px;
	float: left;
}
.s_login .s_inputbox:last-child
{
	border: 0px;
}
.s_loginBtn
{
	margin: 0px 20px;
	display: block;
	height: 40px;
	line-height: 40px;
	color: white;
	background: #ff9900;
	text-align: center;
	border-radius: 4px;
}
